<template>
  <div class="order">
    <order-header :title="title">
      <template v-slot:tip>
        <span>{{ tip }}</span>
      </template>
    </order-header>
    <router-view />
    <service-bar></service-bar>
    <nav-footer></nav-footer>
  </div>
</template>

<script>
import OrderHeader from '../components/OrderHeader'
import ServiceBar from './../components/ServiceBar'
import NavFooter from '../components/NavFooter'
export default {
  name: 'order',
  components: {
    NavFooter,
    OrderHeader,
    ServiceBar
  },
  props: {},
  data () {
    return {
      title: '',
      tip: ''
    }
  },
  computed: {},
  watch: {
    $route: {
      handler: function () {
        let path = this.$route.path
        if (path == '/order/confirm') {
          this.title = '订单确认'
          this.tip = '请认真填写收获地址'
        } else if (path == '/order/list') {
          this.title = '订单列表'
          this.tip = '请谨防钓鱼链接或诈骗电话，了解更多>'
        } else if (path == '/order/pay') {
          this.title = '订单支付'
          this.tip = '请谨防钓鱼链接或诈骗电话，了解更多>'
        } else {
          this.title = '订单支付'
          this.tip = '请谨防钓鱼链接或诈骗电话，了解更多>'
        }
      },
      immediate: true
    }
  },
  created () { },
  methods: {}
}
</script>

<style scoped lang="scss">
</style>
